<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<head>
    <meta charset="UTF-8">

    <title>log</title>

    <!-- JS -->
    <script type="text/javascript" th:src="@{/myconfig/bootstrap/js/jquery.js}"></script>
    <script type="text/javascript" th:src="@{/myconfig/bootstrap/js/bootstrap.min.js}"></script>
    <script type="text/javascript" th:src="@{/myconfig/layui/layui.js}"></script>

    <!-- CSS -->
    <link th:href="@{/myconfig/bootstrap/css/bootstrap.min.css}" type="text/css" rel="stylesheet" media="all">
    <link th:href="@{/myconfig/layui/css/layui.css}" type="text/css" rel="stylesheet" media="all">
</head>
<body>

<h3>日志管理</h3>

<!-- 数据表格 -->
<table class="layui-hide" id="listItems" lay-filter="items"></table>

<script th:src="@{/myconfig/layui/layui.js}"></script>
<!-- 头部工具栏 -->
<script type="text/html" id="mytoolbar">
    <div class="demoTable">
        <div class="layui-inline">
            <form class="layui-form" action="">
                <div class="layui-input-block">
                    日志时间从:
                    <input type="date"  lay-verify="" id="log_dataStart">
                    到：
                    <input type="date"  lay-verify="" id="log_dataEnd">

                    <input type="text"  lay-verify="" id="log_opera" placeholder="操作">

                    <input type="text"  lay-verify="" id="log_item" placeholder="事务">

                    <input type="text"  lay-verify="" id="log_user" placeholder="操作人">
                </div>
                <div style="float: left">
                    <button class="layui-btn" lay-submit lay-filter="formSearch">搜索</button>
                </div>
            </form>
        </div>
    </div>
</script>

<input type="hidden" id="updateTypeId" value="-1">

<script th:inline="none">
    /* 分页查看所有区级事项 */
    layui.use(['table','laydate', 'laypage', 'layer', 'carousel', 'upload', 'element', 'slider'], function() {
        var table = layui.table;
        var form = layui.form;
        var $ = layui.$;
        $.ajax({
            type: "get",
            url: "log/selAll", // 数据接口
            success: function (result) {
                var data = result.data;
                table.render({
                    id:'items',
                    elem: '#listItems',
                    title:'日志表',
                    toolbar: '#mytoolbar',
                    data: data,
                    height: 520,
                    cols: [[
                        {type: 'radio',width: '5%'}
                        , {field: 'logId', title: 'ID', sort: true, width: '19%', align: 'center'}
                        , {field: 'itemName', title: '事务名称', width: '19%', align: 'center'}
                        , {field: 'logOperation', title: '事务操作', width: '19%', align: 'center'}
                        , {field: 'userName', title: '操作人', width: '19%', align: 'center'}
                        , {field: 'logTime', title: '操作时间', width: '19%', align: 'center'}

                    ]],
                    page: true, //是否显示分页
                    limits: [5, 10, 15,20], //每页显示个数
                    limit: 10, //每页默认显示的数量
                    group:5   //页码最多显示个数
                });
            }
        });

        form.on('submit(formSearch)',function (data) {
            var log_dataStart = $("#log_dataStart").val();
            var log_dataEnd = $("#log_dataEnd").val();
            var log_opera = $("#log_opera").val();
            var log_item = $("#log_item").val();
            var log_user = $("#log_user").val();
            $.ajax({
                type: "post",
                url: 'log/selLike' //数据接口, // 数据接口
                ,data:{
                    "dataStart" : log_dataStart,
                    "dataEnd" : log_dataEnd,
                    "logOperation" : log_opera,
                    "itemName" : log_item,
                    "userName" : log_user
                }
                ,success: function (result) {
                    data = result.data;
                    table.render({
                        elem: '#listItems'
                        ,unresize: false
                        ,height: 520
                        ,id: 'items'
                        ,title: '项目表'
                        ,toolbar: '#mytoolbar' //开启工具栏，此处显示默认图标，可以自定义模板，详见文档
                        ,data: data
                        ,cols: [[
                            {type: 'radio',width: '5%'}
                            , {field: 'logId', title: 'ID', sort: true, width: '19%', align: 'center'}
                            , {field: 'itemName', title: '事务名称', width: '19%', align: 'center'}
                            , {field: 'logOperation', title: '事务操作', width: '19%', align: 'center'}
                            , {field: 'userName', title: '操作人', width: '19%', align: 'center'}
                            , {field: 'logTime', title: '操作时间', width: '19%', align: 'center'}

                        ]],
                        page: true, //是否显示分页
                        limits: [5, 10, 15,20], //每页显示个数
                        limit: 10, //每页默认显示的数量
                        group:5   //页码最多显示个数
                    });
                }
            })
            return false;
        })

        //监听行工具事件
        table.on('tool(test)', function(obj){ //注：tool 是工具条事件名，test 是 table 原始容器的属性 lay-filter="对应的值"
            var data = obj.data //获得当前行数据
                ,layEvent = obj.event; //获得 lay-event 对应的值
            if(layEvent === 'detail'){
                layer.msg('查看操作');
            } else if(layEvent === 'del'){
                layer.confirm('真的删除行么', function(index){
                    obj.del(); //删除对应行（tr）的DOM结构
                    layer.close(index);
                    //向服务端发送删除指令
                });
            } else if(layEvent === 'edit'){
                layer.msg('编辑操作');
            }
        });
    });


</script>

</body>
</html>